<!DOCTYPE html>
<html class="fullheight"><head>
    <title>家庭医生签约服务平台</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="keywords" content="家庭医生">
    <meta name="description" content="家庭医生签约服务平台">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="robots" content="all">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <meta name="browsermode" content="application">
    <meta name="x5-page-mode" content="app">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="author" content="zoe">
    <link rel="stylesheet" type="text/css" href="http://echarts.huhui-tech.com/ECharts/easyui.css">
    <link href="http://echarts.huhui-tech.com/style/ldd.css" rel="stylesheet">
    <script src="http://jquery.hrbdzbl.com/jquery-1.9.1/jquery.min.js"></script>
    <script>
        var path = 'http://echarts.huhui-tech.com/api/JkptIndexPage';//http://150.138.118.72:9999/jkzq
        var orgId = '1';
        var userName = '领导';
        var orgName = '卫计局';
    </script>
   
<script>
    //全局设置
    var config = {
        "jgdm": orgId,	//机构代码
        "shownum": "0" ,//地图打点数量
        "arealistspeed":"20" //地图下方数据滚动速度,数值越小越慢
    };
</script></head>

<body class="fullheight">
<div class="welcome">
    <span class="iconfont usericon"></span>
    <strong class="userName">领导</strong>，您好！<br class="hidden">
    <a href="http://jkpt.huhui-tech.com/web/themes/frames/main/login.html"><span class="iconfont homeicon"></span>平台首页</a>
    <a href="javascript:;" id="signOut"><span class="iconfont logouticon"></span>退出</a>
</div>
<div class="wrap">
    <div class="middle_layout">
        <h2 class="title">家庭医生签约服务平台</h2>
        <div class="area_map" id="map"><div class="city_info city_102 normal_city_info"><div class="point" style="cursor:pointer" onclick="zqTeamPage(102,'章丘疾病预防控制中心')"><div class="desc"><span class="nums">4人</span><span class="city_name">疾病预防控制中心</span></div></div></div><div class="city_info city_2 normal_city_info"><div class="point" style="cursor:pointer" onclick="zqTeamPage(2,'文祖街道办事处社区卫生服务中心')"><div class="desc"><span class="nums">5116人</span><span class="city_name">街道办事处社区卫生服务中心</span></div></div></div><div class="city_info city_103 normal_city_info"><div class="point" style="cursor:pointer" onclick="zqTeamPage(103,'埠村街道办事处社区卫生服务中心')"><div class="desc"><span class="nums">557人</span><span class="city_name">街道办事处社区卫生服务中心</span></div></div></div></div>
        <div class="area_total">
            <h3><span>各机构签约数</span><em></em></h3>
            <div class="area_list_box str_wrap str_vertical"><div class="str_move str_origin" style="top: -22.84px;"><ul class="col-2 area_total_list clear"><li class="fl area_item" style="cursor:pointer"><p onclick="zqTeamPage(102,'疾病预防控制中心')"><span class="label"></span>疾病预防控制中心<span class="num">4人</span></p></li><li class="fl area_item" style="cursor:pointer"><p onclick="zqTeamPage(2,'街道办事处社区卫生服务中心')"><span class="label"></span>街道办事处社区卫生服务中心<span class="num">5116人</span></p></li><li class="fl area_item" style="cursor:pointer"><p onclick="zqTeamPage(103,'街道办事处社区卫生服务中心')"><span class="label"></span>街道办事处社区卫生服务中心<span class="num">557人</span></p></li></ul></div></div>
        </div>
    </div>
    <div class="left_layout">
        <div class="widget group_total">
            <ul class="group_item col-3 clear">
                <li class="fl opacity flex agency">
                    <div class="info">
                        <span class="icon"></span>机构数<span class="orange num" id="jgs">55</span>
                    </div>
                </li>
                <li class="fl opacity flex doctor_group">
                    <div class="info">
                        <span class="icon"></span>医生组数<span class="orange num" id="yszs">56</span>
                    </div>
                </li>
                <li class="fl opacity flex doctors">
                    <div class="info">
                        <span class="icon"></span>医生数<span class="orange num" id="yss">50</span>
                    </div>
                </li>
            </ul>
        </div>
        <div class="widget contract_rate">
            <h3 class="tip"><span>辖区签约情况</span><em></em></h3>
            <div class="box">
                <div class="double_charts clear">
                    <div class="charts">
                        <div class="charts_info flex">
                            <div class="info">
                                <p>人口：<span class="orange" id="rks">68030</span>人</p>
                                <p>签约人数：<span class="orange" id="qys">5677</span>人</p>
                            </div>
                        </div>
                        <div class="charts_box has_info" id="area_charts" _echarts_instance_="1523601413904" style="-moz-user-select: none; background-color: rgba(0, 0, 0, 0); cursor: default;"><div style="position: relative; overflow: hidden; width: 169px; height: 124px;"><div style="position: absolute; left: 0px; top: 0px; width: 169px; height: 124px; -moz-user-select: none;" data-zr-dom-id="bg" class="zr-element"></div><canvas style="position: absolute; left: 0px; top: 0px; width: 169px; height: 124px; -moz-user-select: none;" width="169" height="124" data-zr-dom-id="0" class="zr-element"></canvas><canvas style="position: absolute; left: 0px; top: 0px; width: 169px; height: 124px; -moz-user-select: none;" width="169" height="124" data-zr-dom-id="_zrender_hover_" class="zr-element"></canvas></div></div>
                    </div>
                    <div class="charts opacity">
                        <div class="charts_info flex">
                            <div class="info">
                                <p>重点人群数：<span class="orange" id="zdrqrks">3627</span>人</p>
                                <p>签约人数：<span class="orange" id="zdrqqys">3618</span>人</p>
                            </div>
                        </div>
                        <div class="charts_box has_info" id="area_important_charts" _echarts_instance_="1523601413905" style="-moz-user-select: none; background-color: rgba(0, 0, 0, 0); cursor: default;"><div style="position: relative; overflow: hidden; width: 169px; height: 124px;"><div style="position: absolute; left: 0px; top: 0px; width: 169px; height: 124px; -moz-user-select: none;" data-zr-dom-id="bg" class="zr-element"></div><canvas style="position: absolute; left: 0px; top: 0px; width: 169px; height: 124px; -moz-user-select: none;" width="169" height="124" data-zr-dom-id="0" class="zr-element"></canvas><canvas style="position: absolute; left: 0px; top: 0px; width: 169px; height: 124px; -moz-user-select: none;" width="169" height="124" data-zr-dom-id="_zrender_hover_" class="zr-element"></canvas></div></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="widget im_people">
            <h3 class="tip"><span>重点人群签约占比</span><em></em></h3>
            <div class="box opacity">
                <div class="charts_box" id="important_people_charts" _echarts_instance_="1523601413906" style="-moz-user-select: none; background-color: rgba(0, 0, 0, 0); cursor: default;"><div style="position: relative; overflow: hidden; width: 339px; height: 212px;"><div style="position: absolute; left: 0px; top: 0px; width: 339px; height: 212px; -moz-user-select: none;" data-zr-dom-id="bg" class="zr-element"></div><canvas style="position: absolute; left: 0px; top: 0px; width: 339px; height: 212px; -moz-user-select: none;" width="339" height="212" data-zr-dom-id="0" class="zr-element"></canvas><canvas style="position: absolute; left: 0px; top: 0px; width: 339px; height: 212px; -moz-user-select: none;" width="339" height="212" data-zr-dom-id="1" class="zr-element"></canvas><canvas style="position: absolute; left: 0px; top: 0px; width: 339px; height: 212px; -moz-user-select: none;" width="339" height="212" data-zr-dom-id="_zrender_hover_" class="zr-element"></canvas></div></div>
            </div>
        </div>
    </div>
    <div class="right_layout">
        <div class="widget hypertension">
            <h3 class="tip"><span>高血压管理</span><em></em></h3>
            <div class="box">
                <ul class="hypertension_item col-3 clear">
                    <li class="fl flex">
                        <div class="info">
                            <p>高血压签约数</p>
                            <span class="blue" id="gxyqys">657</span>人
                        </div>
                    </li>
                    <li class="fl flex">
                        <div class="info">
                            <p>今日监测数</p>
                            <span class="blue" id="gxyjcs">0</span>人
                        </div>
                    </li>
                    <li class="fl flex">
                        <div class="info">
                            <p>今日异常数</p>
                            <span class="blue" id="gxyycs">0</span>人
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="widget service_park">
            <h3 class="tip"><span>服务包订购</span><em></em></h3>
            <div class="box opacity">
                <div class="charts_box" id="service_park_charts" _echarts_instance_="1523601413907" style="-moz-user-select: none; background-color: rgba(0, 0, 0, 0); cursor: default;"><div style="position: relative; overflow: hidden; width: 339px; height: 183px;"><div style="position: absolute; left: 0px; top: 0px; width: 339px; height: 183px; -moz-user-select: none;" data-zr-dom-id="bg" class="zr-element"></div><canvas style="position: absolute; left: 0px; top: 0px; width: 339px; height: 183px; -moz-user-select: none;" width="339" height="183" data-zr-dom-id="0" class="zr-element"></canvas><canvas style="position: absolute; left: 0px; top: 0px; width: 339px; height: 183px; -moz-user-select: none;" width="339" height="183" data-zr-dom-id="1" class="zr-element"></canvas><canvas style="position: absolute; left: 0px; top: 0px; width: 339px; height: 183px; -moz-user-select: none;" width="339" height="183" data-zr-dom-id="_zrender_hover_" class="zr-element"></canvas></div></div>
            </div>
        </div>
        <div class="widget compliance">
            <h3 class="tip"><span>履约情况</span><em></em></h3>
            <div class="box">
                <div class="double_charts clear">
                    <div class="charts opacity">
                        <div class="charts_info charts_sm_info flex">
                            <div class="info">
                                <p>履约数：<span class="orange" id="lyrs">5</span>项</p>
                            </div>
                        </div>
                        <div class="charts_box has_info has_sm_info" id="compliance_charts" _echarts_instance_="1523601413908" style="-moz-user-select: none; background-color: rgba(0, 0, 0, 0); cursor: default;"><div style="position: relative; overflow: hidden; width: 169px; height: 132px;"><div style="position: absolute; left: 0px; top: 0px; width: 169px; height: 132px; -moz-user-select: none;" data-zr-dom-id="bg" class="zr-element"></div><canvas style="position: absolute; left: 0px; top: 0px; width: 169px; height: 132px; -moz-user-select: none;" width="169" height="132" data-zr-dom-id="0" class="zr-element"></canvas><canvas style="position: absolute; left: 0px; top: 0px; width: 169px; height: 132px; -moz-user-select: none;" width="169" height="132" data-zr-dom-id="_zrender_hover_" class="zr-element"></canvas></div></div>
                    </div>
                    <div class="charts">
                        <div class="charts_info charts_sm_info flex">
                            <div class="info">
                                <p>续约数：<span class="orange" id="xyrs">0</span>人</p>
                            </div>
                        </div>
                        <div class="charts_box has_info has_sm_info" id="renewal_charts" _echarts_instance_="1523601413909" style="-moz-user-select: none; background-color: rgba(0, 0, 0, 0);"><div style="position: relative; overflow: hidden; width: 169px; height: 132px;"><div style="position: absolute; left: 0px; top: 0px; width: 169px; height: 132px; -moz-user-select: none;" data-zr-dom-id="bg" class="zr-element"></div><canvas style="position: absolute; left: 0px; top: 0px; width: 169px; height: 132px; -moz-user-select: none;" width="169" height="132" data-zr-dom-id="0" class="zr-element"></canvas><canvas style="position: absolute; left: 0px; top: 0px; width: 169px; height: 132px; -moz-user-select: none;" width="169" height="132" data-zr-dom-id="_zrender_hover_" class="zr-element"></canvas></div></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="http://150.138.118.72:9999/jkzq/js/dist/echarts-all.js"></script>
<!-- 各地区签约数 ajax -->
<script>
    $(".userName").text(userName);
    $('#signOut').click(function () {
        $.messager.confirm('系统提示', '您确定要退出本次登录吗?', function (r) {
            if (r) {
                location.href = 'logout.htm';
            }
        });
    })
    //打开高血压管理的页面
//    $(".hypertension").click(function(){
//        location.href=path+"/bloodPressure/gxySsjc.htm?jgdm="+orgId+"&jgname="+orgName;
//    });

    function EveryAreaNumUpdate(){
        $.ajax({
            url: path+"/GetFindlyl",
            async: true,
            type : 'get',
            dataType: "json",
            data:{'fJgdm':config.jgdm},
            success: function (data){
                if(data.state == "1"){
                    var result1 ='';
                    var result2 ='';
                    for(var i = 0; i < data.data.length; i++){
                        if(data.data[i].jgname==''){
                        }else{
                            result1+='<li class="fl area_item" style="cursor:pointer"><p onclick="zqTeamPage('+data.data[i].jgdm+',\''+data.data[i].jgname+'\')"><span class="label"></span>'+data.data[i].jgname+'<span class="num">'+data.data[i].qys+'人</span></p></li>';
                        }
                        //输到出DOM
                        $('.area_total_list').html(result1);
                    }
                    for(var i = 0; i < data.data.length; i++){
                        if(data.data[i].jgname==''){
                        }else{
                            if(i<config.shownum){
                                result2+='<div class="city_info city_'+data.data[i].jgdm+' full_city_info"><div class="desc"><span class="nums">'+data.data[i].qys+'人</span><span class="city_name">'+data.data[i].jgname+'</span><span class="circle yellow right" style="cursor:pointer" onclick="zqTeamPage('+data.data[i].jgdm+',\''+data.data[i].jgname+'\')"></span></div></div>';
                            }else{
                                result2+='<div class="city_info city_'+data.data[i].jgdm+' normal_city_info"><div class="point" style="cursor:pointer" onclick="zqTeamPage('+data.data[i].jgdm+',\''+data.data[i].jgname+'\')"><div class="desc"><span class="nums">'+data.data[i].qys+'人</span><span class="city_name">'+data.data[i].jgname+'</span></div></div></div>';
                            }
                        }
                        //输到出DOM
                        $('.area_map').html(result2);
                    }
                }else{
                    alert('获取各地区签约数据失败!'+'('+data.data.message+')');
                }
            },
            error:function(XMLHttpRequest, textStatus, errorThrown){}
        });
    }

    function zqTeamPage(jgdm,jgname){
        window.location.href=path+"/ldd/xzFirstPage.htm?jgdm="+jgdm+"&jgname="+jgname;
    }

    //获取数据
    $(document).ready(function () {
        EveryAreaNumUpdate();
    });
</script>

<!-- 机构数,医生组数,医生数 ajax -->
<script>
    function ManagerUpdate(){
        $.ajax({
            //url: "http://150.138.183.25:9090/jm/ldd/findMessage.htm",
            url: path+"/GetfindMessage",
            async: true,
            type : 'get',
            dataType: "json",
            data:{'fJgdm':config.jgdm},
            success: function (data){
                if(data.state == "1"){
                    $('#jgs').html(data.data.jgs);//机构数
                    $('#yszs').html(data.data.yszs);//医生组数
                    $('#yss').html(data.data.yss);//医生数
                }else{
                    alert('获取机构数据失败!'+'('+data.data.message+')');
                }
            },
            error:function(XMLHttpRequest, textStatus, errorThrown){}
        });
    }
    //获取数据
    $(document).ready(function () {
        ManagerUpdate();
    });
</script>

<!-- 辖区签约率 echarts -->
<script>
    //定义DOM ID
    var AreaCharts = echarts.init(document.getElementById('area_charts'));
    //签约率圆圈及文字样式
    var labelTop = {
        normal : {
            color: '#ffd600',
            label : {
                show : true,
                position : 'center',
                formatter : '{b}',
                textStyle: {
                    baseline : 'top',
                    fontSize: '14',
                    color:'#08173b'
                }
            },
            labelLine : {show :false}//不显示线
        }
    };
    //剩余圆圈及文字样式
    var labelBottom = {
        normal : {//重点人群签约占比
            color: '#08173b',
            label : {
                show : true,
                position : 'center',
                textStyle: {
                    baseline : 'bottom',
                    fontSize: '26',
                    color:'#08173b'
                }
            },
            labelLine : {show : false}//不显示线
        }
    };
    option = {
        series : [
            {
                type : 'pie',
                center : ['50%', '50%'],//位置
                radius : [50, 56],//圈大小
                //x: '0%',
                itemStyle : {
                    normal : {
                        label : {
                            formatter : function (params){
                                return 100 - params.value + '%'
                            }
                        }
                    },
                },
                data : [
                    {name:'', value:0, itemStyle :labelTop},
                    {name:'', value:0,itemStyle :labelBottom}
                ]
            }
        ]
    };
    //监听窗口大小变化，重置图表数据位置
    window.addEventListener("resize",function(){
        AreaCharts.resize();
    });
    //初始化
    AreaCharts.setOption(option);
</script>

<!-- 辖区重点签约率 echarts -->
<script>
    //定义DOM ID
    var AreaImportantCharts = echarts.init(document.getElementById('area_important_charts'));
    //签约率圈及文字样式
    var labelTop = {
        normal : {
            color: '#13bbeb',
            label : {
                show : true,
                position : 'center',
                formatter : '{b}',
                textStyle: {
                    baseline : 'top',
                    fontSize: '14',
                    color:'#08173b'
                }
            },
            labelLine : {show :false}//不显示线
        }
    };
    //剩余圈及文字样式
    var labelBottom = {
        normal : {
            color: '#0c2154',
            label : {
                show : true,
                position : 'center',
                textStyle: {
                    baseline : 'bottom',
                    fontSize: '26',
                    color:'#fff'
                }
            },
            labelLine : {show : false}//不显示线
        }
    };
    option = {
        series : [
            {
                type : 'pie',
                center : ['50%', '50%'],//位置
                radius : [50, 56],//圈大小
                x: '0%',
                itemStyle : {
                    normal : {
                        label : {
                            formatter : function (params){
                                return 100 - params.value + '%'
                            }
                        }
                    },
                },
                data : [
                    {name:'', value:0, itemStyle :labelTop},
                    {name:'', value:0,itemStyle :labelBottom}
                ]
            }
        ]
    };
    //监听窗口大小变化，重置图表数据位置
    window.addEventListener("resize",function(){
        AreaImportantCharts.resize();
    });
    //初始化
    AreaImportantCharts.setOption(option);
</script>

<!-- 获取辖区签约人数及签约率 ajax -->
<script>
    function AreaChartsUpdate(){
        $.ajax({
            //url: "http://150.138.183.25:9090/jm/ldd/findqys.htm",
            url: path+"/Getfindqys",
            async: true,
            type : 'get',
            dataType: "json",
            data:{'fJgdm':config.jgdm},
            success: function (data){
                if(data.state == "1"){
                    $('#rks').html(data.data.zrks);//总人口数
                    $('#qys').html(data.data.qys);//签约数
                    $('#zdrqrks').html(data.data.zdrqrks);//重点人群人口数
                    $('#zdrqqys').html(data.data.zdrqqys);//重点人群签约数
                    //var qybfb=data.data.qys / data.data.rks; // 计算总人口签约率
                    //var zdqybfb=data.data.zdrqqys / data.data.zdrqrks; // 计算重点人群签约率
                    //var a=parseInt(qybfb),b=parseInt(zdqybfb);//取整
                    //alert(data.data.zdrqqyl);
                    //var sy=100-data.data.qyl,zdsy=100-data.data.zdrqqyl;//减余
                    var sy=100-data.data.qyl,zdsy=100-data.data.zdrqqyl;//减余
                    AreaCharts.setOption({
                        series: [{
                            data:[{name:'签约率', value:data.data.qyl, itemStyle :labelTop},
                                {name:'剩余', value:sy, itemStyle :labelBottom}]
                        }]
                    });
                    AreaImportantCharts.setOption({
                        series: [{
                            data:[{name:'签约率', value:data.data.zdrqqyl, itemStyle :labelTop},
                                {name:'剩余', value:zdsy, itemStyle :labelBottom}]
                        }]
                    })
                }else{
                    alert('获取辖区签约人数失败!'+'('+data.data.message+')');
                }
            },
            error:function(XMLHttpRequest, textStatus, errorThrown){}
        });
    }
    //获取数据
    $(document).ready(function () {
        AreaChartsUpdate();
    });
</script>

<!-- 重点人群签约占比数据 echarts -->
<script>
    //定义DOM ID
    var ImportantPeopleCharts = echarts.init(document.getElementById('important_people_charts'));
    // <!-- 重点人群签约占比数据 ajax -->
    function ImportantPeopleUpdate(){
        $.ajax({
            url: path+"/Getfindzdrqqys",
            async: true,
            type : 'get',
            dataType: "json",
            data:{'fJgdm':config.jgdm},
            success: function (data){
                if(data.state == 1){
                    var option = {
                        tooltip : {
                            trigger: 'item',
                            formatter: "{b} : ({d}%)"
                        },
                        color:['#57D2D3','#B6A2DE','#5AB1EF','#FFC799','#D87A80'],
                        legend: {
                            orient : 'vertical',
                            x : 'left',
                            y:'center',
                            padding:1,
                            itemGap:5,
                            itemWidth:15,
                            itemHeight:12,
                            textStyle:{
                                color:'#fff',
                                fontSize:12
                            },
                            data:[]
                        },
                        toolbox: {show:false},
                        calculable : true,//外圈
                        series : [
                            {
                                type:'pie',
                                radius : ['45%', '60%'],
                                center:['65%', '50%'],
                                itemStyle : {
                                    normal : {
                                        label : {
                                            show : false
                                        },
                                        labelLine : {
                                            show : false
                                        }
                                    },
                                    emphasis : {
                                        label : {
                                            show : true,
                                            position : 'center',
                                            textStyle : {
                                                fontSize : '12',
                                                color:'#fff'
                                            }
                                        }
                                    }
                                },
                                data:[]
                            }
                        ]
                    };
                    ImportantPeopleCharts.setOption({
                        series:[{data:data.data.countByTag}],
                        legend:{data:data.data.data.tagName}
                    })
                }else{
                    alert('获取重点人群签约占比数据失败!'+'('+data.data.message+')');
                }
                ImportantPeopleCharts.setOption(option);
            },
            error:function(XMLHttpRequest, textStatus, errorThrown){}
        });
    }
    //监听窗口大小变化，重置图表数据位置
    window.addEventListener("resize",function(){
        ImportantPeopleCharts.resize();
    });
    //获取数据
    $(document).ready(function () {
        ImportantPeopleUpdate();
    });
</script>

<!-- 服务包订购数据 echarts -->
<script>
    //定义DOM ID
    var ServiceParkCharts = echarts.init(document.getElementById('service_park_charts'));
    option = {
        tooltip : {
            trigger: 'item',
            formatter: "{b} : {c} ({d}%)",
            showDelay: 0,
            transitionDuration:0
        },
        color:['#d59336','#2780c0'],
        toolbox: {show:false},
        calculable : false, //外圆边框
        series : [
            {
                type:'pie',
                radius : '50%',
                center: ['50%', '50%'],
                itemStyle : {
                    normal : {
                        label : {
                            show:true,
                            formatter: '{b}\n{c}({d}%)' ,
                            textStyle: {
                                fontSize: '15',
                                color:'#fff'
                            }
                        }
                    }
                },
                data:[
                    {value:0, name:''},
                    {value:0, name:''}
                ]
            }
        ]
    };
    //监听窗口大小变化，重置图表数据位置
    window.addEventListener("resize",function(){
        ServiceParkCharts.resize();
    });
    //初始化
    ServiceParkCharts.setOption(option);

    // <!-- 服务包订购数据 ajax -->
    function ServiceParkUpdate(){
        $.ajax({
            //url: "http://150.138.183.25:9090/jm/ldd/findFwbdg.htm",
            url: path+"/GetfindFwbdg",
            async: true,
            type : 'get',
            dataType: "json",
            data:{'fJgdm':config.jgdm},
            success: function (data){
                if(data.state == "1"){
                    ServiceParkCharts.setOption({
                        series: [{
                            data:[{value:data.data.gxhfwb, name:'个性化服务包'},
                                {value:data.data.cjb, name:'初级包'}]
                        }]
                    })
                }else{
                    alert('获取服务包数据失败!'+'('+data.data.message+')');
                }
            },
            error:function(XMLHttpRequest, textStatus, errorThrown){}
        });
    }
    //获取数据
    $(document).ready(function () {
        ServiceParkUpdate();
    });
</script>

<!-- 履约情况数据 echarts -->
<script>
    //定义DOM ID
    var ComplianceCharts = echarts.init(document.getElementById('compliance_charts'));
    //履约率圈及文字样式
    var labelTop = {
        normal : {
            color: '#00fdae',
            label : {
                show : true,
                position : 'center',
                formatter : '{b}',
                textStyle: {
                    baseline : 'top',
                    fontSize: '14',
                    color:'#fff'
                }
            },
            labelLine : {show :false}//不显示线
        }
    };
    //履约率剩余圈及文字样式
    var labelBottom = {
        normal : {
            color: '#0c2154',
            label : {
                show : true,
                position : 'center',
                textStyle: {
                    baseline : 'bottom',
                    fontSize: '26',
                    color:'#fff'
                }
            },
            labelLine : {show : false}//不显示线
        }
    };
    option = {
        series : [
            {
                type : 'pie',
                center : ['50%', '50%'],//位置
                radius : [50, 56],//圈大小
                x: '0%',
                itemStyle : {
                    normal : {
                        label : {
                            formatter : function (params){
                                return Math.round((100 - params.value) * 100) / 100 + '%'
                            }
                        }
                    },
                },
                data : [
                    {name:'履约率', value:0, itemStyle :labelTop},
                    {name:'剩余', value:100,itemStyle :labelBottom}
                ]
            }
        ]
    };
    //监听窗口大小变化，重置图表数据位置
    window.addEventListener("resize",function(){
        ComplianceCharts.resize();
    });
    //初始化
    ComplianceCharts.setOption(option);
</script>

<!-- 续约数据 echarts -->
<script>
    //定义DOM ID
    var RenewalCharts = echarts.init(document.getElementById('renewal_charts'));
    //续约率圈及文字样式
    var labelTop = {
        normal : {
            color: '#a752ff',
            label : {
                show : true,
                position : 'center',
                formatter : '{b}',
                textStyle: {
                    baseline : 'top',
                    fontSize: '14',
                    color:'#fff'
                }
            },
            labelLine : {show :false}//不显示线
        }
    };
    //续约率剩余圈及文字样式
    var labelBottom = {
        normal : {
            color: '#112853',
            label : {
                show : true,
                position : 'center',
                textStyle: {
                    baseline : 'bottom',
                    fontSize: '26',
                    color:'#fff'
                }
            },
            labelLine : {show : false}//不显示线
        }
    };
    option = {
        series : [
            {
                type : 'pie',
                center : ['50%', '50%'],//位置
                radius : [50, 56],//圈大小
                x: '0%',
                itemStyle : {
                    normal : {
                        label : {
                            formatter : function (params){
                                return Math.round((100 - params.value) * 100) / 100 + '%'
                            }
                        }
                    },
                },
                data : [
                    {name:'续约率', value:0, itemStyle :labelTop},
                    {name:'剩余', value:100,itemStyle :labelBottom}
                ]
            }
        ]
    };
    //监听窗口大小变化，重置图表数据位置
    window.addEventListener("resize",function(){
        RenewalCharts.resize();
    });
    //初始化
    RenewalCharts.setOption(option);

    // <!-- 履约率and续约率 ajax -->
    function RenewalUpdate(){
        $.ajax({
            //url: "http://150.138.183.25:9090/jm/ldd/findlyl.htm",
            url: path+"/GetRenewa",
            async: true,
            type : 'get',
            dataType: "json",
            data:{'fJgdm':config.jgdm},
            success: function (data){
                if(data.state == "1"){
                    $('#lyrs').html(data.data.lys);//履约数
                    $('#xyrs').html(data.data.xys);//续约数
                    if(data.data.lys > 0 && data.data.lyl== "0"){
                        data.data.lyl=0.01;
                    }
                    if(data.data.xys > 0 && data.data.xyl== "0"){
                        data.data.lyl=0.01;
                    }
                    var lysy=100-data.data.lyl; //履约剩余
                    var xysy=100-data.data.xyl;//续约剩余
                    ComplianceCharts.setOption({
                        series: [{
                            data:[{name:'履约率', value:data.data.lyl, itemStyle :labelTop},
                                {name:'剩余', value:lysy, itemStyle :labelBottom}]
                        }]
                    });
                    RenewalCharts.setOption({
                        series: [{
                            data:[{name:'续约率', value:data.data.xyl, itemStyle :labelTop},
                                {name:'剩余', value:xysy, itemStyle :labelBottom}]
                        }]
                    })
                }else{
                    alert('获取履约和续约数据失败!'+'('+data.data.message+')');
                }
            },
            error:function(XMLHttpRequest, textStatus, errorThrown){}
        });
    }
    //获取数据
    $(document).ready(function () {
        RenewalUpdate();
    });
</script>

<!-- 高血压管理 ajax -->
<script>
    function HypertensionUpdate(){
        $.ajax({
            url: path+"/GetfindGxyjcxx",
            async: true,
            type : 'get',
            dataType: "json",
            data:{'fJgdm':config.jgdm},
            success: function (data){
                if(data.state == "1"){
                    $('#gxyjcs').text(data.data.jcs);
                    $('#gxyqys').text(data.data.qys);
                    $('#gxyycs').text(data.data.ycs);
                }else{
                    alert('获取高血压数据失败!'+'('+data.data.message+')');
                }
            },
            error:function(XMLHttpRequest, textStatus, errorThrown){}
        });
    }
    //获取数据
    $(document).ready(function () {
        HypertensionUpdate();
    });
</script>
<!-- 打点数据滚动 -->
<script src="http://150.138.118.72:9999/jkzq/strmove.js"></script>
<script>
    $(document).ready(function () {
        $('.area_list_box').liMarquee({
            direction: 'up',
            scrollamount: config.arealistspeed
        });
    });
</script>

</body></html>